<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorate="layout">
<head>
	
    	<meta charset="UTF-8" />
		<title>RA-网络安全风险评估系统</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		
		<link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		
		<link href="/css/jquery.mmenu.css" rel="stylesheet" />
		
		<link href="/css/style.css" rel="stylesheet" />
		<link href="/css/add-ons.min.css" rel="stylesheet" />
		
		<style type="text/css">
			html,body,.content,.content .row,.project{
				height:100%;
			}
		</style>
		<!--<script src="plugins/modernizr/js/modernizr.js"></script>-->
	</head>
	
	<body>
		<div class="navbar" role="navigation">
			<div class="sidebar" style="height: auto;">
					<div class="sidebar-collapse">
						<div class="sidebar-header">
							<img src="/img/logo.png" class="img-responsive" alt="" />
						</div>
					</div>
				</div>
			
			<div class="container-fluid container-nav">
				<div class="navbar-right">					
					<div class="userbox">
						<a th:href="@{/logout}"><span class="name">登出系统</span></a>
					</div>
				</div>
			</div>		
		</div>
		
		<div class="container-fluid content">	
			<div class="row">
				<div class="project" style="padding: 108px 80px 98px 80px;">
					<div class="invoice">
						<div class="row header">
							<div class="col-sm-12 divTop new">
								<span>我的项目</span>
							</div>
							<div th:if="${projects.size() != 0}"><!-- 创建的项目 -->
								<div th:each="project,iterState:${projects}" class="col-sm-3 pointer"> 
									<a th:attr="href='/pro/projectMain/'+${project.id}+'/-1'" class="pointLink">
									<!-- <a th:href="@{/pro/createProjectMain/3}"  class="pointLink"> -->
										<div class="panel panel-body bk-bg-white" style="border: dotted 2px #3BBFB4;">
											<h5><em th:text="${project.id}" style="display:none;"></em></h5>
											<p><strong th:text="${project.name}"></strong></p>										
											<p th:text="${project.createDate}"></p>
										</div>
									</a>						
								</div>
							</div>
						</div>						
					</div>
					
					<div class="invoice">
						<div class="row header">
							<div class="col-sm-12 divTop join">
								<span>参与项目</span>
							</div>
							<div th:if ="${joinProjects.size() != 0}"><!-- 参与的项目 -->
								<div th:each="project,iterState:${joinProjects}" class="col-sm-3 pointer" >
									<!--<a th:attr="href='/pro/projectMain/'+${project.projectId}+'/'+${project.groupIds}" class="pointLink">-->
									<a th:attr="href='/pro/projectMain/'+${project.projectId}+'/'+${project.groupIds}" class="pointLink">
										<div class="panel panel-body bk-bg-white" style="border: dotted 2px #B481BB;" >
											<h5><em th:text="${project.projectId}" style="display:none;"></em></h5>
											<p>
												<strong th:text="${project.projectName}"></strong>
												<!-- <strong th:text="${project.createUserName}"></strong> -->
											</p>
											<p th:text="${project.createDate}"></p>										
											<p th:text="${project.groupIds}" style="display:none;"></p>										
											<p th:text="${project.groupName}"></p>
										</div>	
									</a>
								</div>					
							</div>
						</div>						
					</div>
				</div>
				<div class="col-sm-12" style="position: absolute;bottom: 25px;">
					<div class="col-sm-11"></div>
					<div class="col-sm-1">
						<button id="addToTable" style="width:100px;" class="btn btn-info" 
							onclick="javascript:window.location.href = '/pro/projectForm';return false;">添加项目</button>
					</div>
				</div>
			</div>
		</div>
		
		<script src="/vendor/js/jquery.min.js"></script>
		<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
	</body>
</html>